body {
  padding-top: 0.44rem !important;
  padding-bottom: 0.5rem !important;
}
.xh-carousel {
  width: 100%;
  height: 2.12rem;
  background-color: #fff;
}
.xh-carousel .swiper {
  width: 100%;
  height: 100%;
}
.xh-carousel .swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.xh-carousel .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.xh-nav {
  width: 100%;
  background-color: #fff;
  padding-bottom: 0.2rem;
}
.xh-nav .nav-item {
  width: 100%;
  padding: 0.1rem 0;
  display: flex;
  justify-content: space-around;
}
.xh-nav .nav-item .cate-item {
  font-size: 0.13rem;
}
.xh-nav .nav-item .cate-item .pic {
  width: 0.5rem;
  height: 0.5rem;
}
.xh-nav .nav-item .cate-item .pic img {
  width: 100%;
  height: 100%;
}
.xh-nav .nav-item .cate-item .tit {
  line-height: 0.22rem;
}
.xh-hot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0.1rem;
}
.xh-hot .hot {
  width: 1.72rem;
  height: 2.68rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.xh-hot .hot .pic1 {
  width: 100%;
  height: 0.86rem;
}
.xh-hot .hot .pic2 {
  width: 100%;
  height: 1.72rem;
}
.xh-hot .hot img {
  width: 100%;
  height: 100%;
}
.xh-discount {
  margin-top: 0.1rem;
  padding: 0 0.1rem;
  width: 100%;
}
.xh-discount .discount {
  background-color: #fff;
  border-radius: 0.1rem;
}
.xh-discount .discount .title {
  width: 100%;
  padding: 0.15rem 0.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xh-discount .discount .title .title-pic {
  width: 0.88rem;
  height: 0.21rem;
}
.xh-discount .discount .title span {
  font-size: 0.12rem;
  vertical-align: middle;
}
.xh-discount .discount .title span .iconfont {
  font-size: 0.16rem;
  vertical-align: middle;
}
.xh-discount .discount .main {
  width: 100%;
}
.xh-discount .discount .main .discount-list {
  padding: 0.1rem 0;
  display: flex;
  flex-wrap: no-wrap;
  justify-content: space-between;
  align-items: center;
  overflow: auto hidden;
}
.xh-discount .discount .main .discount-list .discount-item {
  width: 1.15rem;
  margin-right: 0.1rem;
}
.xh-discount .discount .main .discount-list .discount-item .pic {
  width: 1.15rem;
  height: 1.15rem;
}
.xh-discount .discount .main .discount-list .discount-item .pic img {
  width: 100%;
  height: 100%;
}
.xh-discount .discount .main .discount-list .discount-item .tit {
  width: 1.15rem;
  padding: 0 0.05rem;
  font-size: 0.13rem;
}
.xh-discount .discount .main .discount-list .discount-item .price {
  padding: 0 0.05rem;
  font-size: 0.12rem;
  color: #ff2b20;
}
.xh-discount .discount .main .discount-list .discount-item .price span {
  font-size: 0.16rem;
  padding-right: 0.05rem;
}
.xh-discount .discount .main .discount-list .discount-item .date {
  width: 1.03rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  border: 0.01rem solid red;
  overflow: hidden;
  display: flex;
}
.xh-discount .discount .main .discount-list .discount-item .date span:nth-child(1) {
  width: 0.34rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  line-height: 0.2rem;
  text-align: center;
  background-color: red;
  color: #fff;
  font-size: 0.13rem;
  margin-right: 0.05rem;
}
.xh-discount .discount .main .discount-list .discount-item .date span:nth-child(2) {
  font-size: 0.13rem;
  color: red;
}
.xh-goods {
  width: 100%;
  padding: 0 0.1rem;
  padding-top: 0.1rem;
  background-color: #fff;
}
.xh-goods .goods {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
}
.xh-goods .goods .goods-item {
  width: 1.72rem;
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: rgba(93, 113, 127, 0.08) 0px 2px 8px;
  margin-bottom: 0.1rem;
}
.xh-goods .goods .goods-item .pic {
  width: 1.72rem;
  height: 1.72rem;
  border-radius: 0.12rem;
  overflow: hidden;
}
.xh-goods .goods .goods-item .pic img {
  width: 100%;
  height: 100%;
}
.xh-goods .goods .goods-item .tit {
  width: 100%;
  height: 0.4rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #000;
}
.xh-goods .goods .goods-item .price {
  margin-top: 0.1rem;
  padding: 0.1rem;
  color: red;
  font-size: 0.12rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xh-goods .goods .goods-item .price .iconfont {
  font-size: 0.14rem;
  padding: 0.05rem;
  background-color: red;
  color: #fff;
  border-radius: 0.15rem;
}
